var map;
var markersArray = [];

$(function() {

var w=$(window).width();
var h=$(window).height();

    $( "#dialog-form" ).dialog({
      autoOpen: false,
      height: h*0.8,
      width: w*0.8,
      modal: true,
      resizable: false,
      draggable: false,
      buttons: {
        "Denunciar": function() {
     
        },
        Cancel: function() {
          $( this ).dialog( "close" );
        }
      },
      close: function() {
        
      }
    });
    

 	$( "div#detalles button[name='btBuscar']" ).click(function() {
        deleteOverlays();
        datosBusqueda();
      });
      
   $( "div#detalles button[name='btLimpiar']" ).click(function() {
       
      limpiearDatos();
		deleteOverlays();
		initPunto();
		 
      });

    $( "div.contDenuncia button[name='btDenunciar']" ).click(function() {
        $( "#dialog-form" ).dialog( "open" );
      });
        

    $( "div.metadato.fechaInicio input[name='fechaInicio']" ).datepicker({
      showOn: "button",
      buttonImage: "imagenes/calendar.gif",
      buttonImageOnly: true
    });


    $( "div.metadato.fechaTermino input[name='fechaTermino']" ).datepicker({
      showOn: "button",
      buttonImage: "imagenes/calendar.gif",
      buttonImageOnly: true
    });
        
        
        /*
        var mapOptions = {
          center: new google.maps.LatLng(-34.397, 150.644),
          zoom: 8,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"),
            mapOptions);
            
        */
        

        
    var pDuran= new google.maps.LatLng(-2.1637774,-79.8439867);
	  var mapOptions = {
	    zoom: 15,
	    center: pDuran,
	    mapTypeId: google.maps.MapTypeId.ROADMAP
	  }
	 map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
	initPunto();
	
	
	
  
            
            
});

function initPunto()
{

$.ajax({
		  type: "GET",
		  url: "/listaPuntos",
		  dataType: "json",
		  success:function( data )
		  {
		  	var punto;
		  	var pLatlng;
		  	for(var i =0;i< data.length;i++)
		  	{
		  		punto=data[i].gelocalizacion.coords;
		  		pLatlng= new google.maps.LatLng(punto.latitude,punto.longitude);
		  		
		  		addMarker( data[i]._id,pLatlng);
		  	}
		  },
		  error: function(  jqXHR,textStatus, errorThrown )
		  {
		  	alert("error");
		  }
	
		});
	
	
}

function mostrarDetalle(id)
{

	$.ajax({
		  type: "GET",
		  url: "/punto",
		  dataType: "json",
		  data:{"idPunto":id},
		  success:function( data )
		  {

			
			for(var i=0; i< data.length;i++)
			{
				
				
				$("#detalles").append("<img style='display:none;width:60px;height:60px;display:block ' src='"+ data[i].pathFile +"' />");
			}

		  },
		  error: function(  jqXHR,textStatus, errorThrown )
		  {
		  	alert("error");
		  }
	
		});
	



}



function addMarker(id,location) {
  var  marker = new google.maps.Marker({
    position: location,
    map: map
  });
  
  
  markersArray.push(marker);
  google.maps.event.addListener(marker, 'click', function() {
  		alert("hola"+id);
  		$('#imagenes').empty(); 
  		mostrarDetalle(id);
	});
}


// Sets the map on all markers in the array.
function setAllMap(map) {
  for (var i = 0; i < markersArray.length; i++) {
    markersArray[i].setMap(map);
  }
}

// Removes the overlays from the map, but keeps them in the array.
function clearOverlays() {
  setAllMap(null);
}



function deleteOverlays() {
  clearOverlays();
   markersArray = [];
}

function limpiearDatos()
{

	$("div.metadato.fechaInicio input[name='fechaInicio']").datepicker( "setDate", null );
	$("div.metadato.fechaTermino input[name='fechaTermino']").datepicker( "setDate", null );
	$("div.metadato.ckFaltaHigiene input[name='ckFaltaHigiene']").prop('checked',false);
	$("div.metadato.ckManejoDesechos input[name='ckManejoDesechos']").prop('checked',false);
	$("div.metadato.ckCrueldadAnimal input[name='ckCrueldadAnimal']").prop('checked',false);
	$("div.metadato.ckSobrePoblacion input[name='ckSobrePoblacion']").prop('checked',false);
	$("div.metadato.ckFaenamientoAntihigienico input[name='ckFaenamientoAntihigienico']").prop('checked',false);
	$("div.metadato.ckRoedores input[name='ckRoedores']").prop('checked',false);
	$("div.metadato.ckVerificado input[name='ckVerificado']").prop('checked',false);
	
}


function datosBusqueda()
{
	var _fInicio=$("div.metadato.fechaInicio input[name='fechaInicio']").datepicker( "getDate" );
	if(_fInicio!=null)
		_fInicio=_fInicio.getTime();
	var _fTermino=$("div.metadato.fechaTermino input[name='fechaTermino']").datepicker( "getDate" );
		if(_fTermino!=null)
			_fTermino=_fTermino.getTime();
	var _ckFaltaHigiene=$("div.metadato.ckFaltaHigiene input[name='ckFaltaHigiene']").is(':checked');
	var _ckManejoDesechos=$("div.metadato.ckManejoDesechos input[name='ckManejoDesechos']").is(':checked');
	var _ckCrueldadAnimal=$("div.metadato.ckCrueldadAnimal input[name='ckCrueldadAnimal']").is(':checked');
	var _ckSobrePoblacion=$("div.metadato.ckSobrePoblacion input[name='ckSobrePoblacion']").is(':checked');
	var _ckFaenamientoAntihigienico=$("div.metadato.ckFaenamientoAntihigienico input[name='ckFaenamientoAntihigienico']").is(':checked');
	var _ckRoedores=$("div.metadato.ckRoedores input[name='ckRoedores']").is(':checked');
	var _ckVerificado=$("div.metadato.ckVerificado input[name='ckVerificado']").is(':checked');
	
	var dBusqueda={ "fInicio":_fInicio,"fTermino":_fTermino,"filtro":{
					"ckFaltaHigiene":_ckFaltaHigiene,
					"ckManejoDesechos":_ckManejoDesechos,
					"ckCrueldadAnimal":_ckCrueldadAnimal,
					"ckSobrePoblacion":_ckSobrePoblacion,
					"ckFaenamientoAntihigienico":_ckFaenamientoAntihigienico,
					"ckRoedores":_ckRoedores,
					"ckVerificado":_ckVerificado
					}};
					
	console.log(JSON.stringify(dBusqueda));
					
		$.ajax({
		  type: "GET",
		  url: "/listaPuntosFiltro",
		  dataType: "json",
		  data:{"filtro":JSON.stringify(dBusqueda)},
		  success:function( data )
		  {
		
			var punto;
		  	var pLatlng;
		  	for(var i =0;i< data.length;i++)
		  	{
		  		punto=data[i].gelocalizacion.coords;
		  		pLatlng= new google.maps.LatLng(punto.latitude,punto.longitude);
		  		
		  		addMarker( data[i]._id,pLatlng);
		  	}

		  },
		  error: function(  jqXHR,textStatus, errorThrown )
		  {
		  	alert("error");
		  }
	
		});		

	
}
